<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <style type="text/css">
    html, body {
      height: 100%;
      margin: 0;
    }

    body {
      overflow-x: hidden;
      overflow-y: hidden;
    }

    #container {
      height: 100%;
    }
  </style>
</head>

<body>
<div id="container"></div>
<script src="./package/min/vs/loader.js"></script>
<script>
  var editorView;
  require.config({paths: {'vs': './package/min/vs'}});
  require(['vs/editor/editor.main'], function () {
    editorView = monaco.editor.create(document.getElementById('container'), {
      theme: 'vs-dark',
      value: '',
      // automaticLayout: true,
      //language: 'java',
    });
    window.onresize = function () {
      editorView.layout();
    };
  });

  function getEditorView() {
    return editorView;
  }

</script>
</body>
</html>